@charset "utf-8";
@charset "utf-8";
@import "common/reset";
@function r($px) {
    @return $px/100*1rem;
}

$color:#FF9344;
//
.wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    section {
        width: 100%;
        position: absolute;
        left: 0;
        top: r(150);
        bottom: r(150);
        overflow: hidden;
        overflow-y: auto;
        .banner {
            width: 100%;
            height: r(286);
            font-size: 0;
            margin-bottom: r(33);
        }
        .hot-title {
            padding: 0 r(21);
            span:nth-of-type(1) {
                font-size: r(30);
                vertical-align: middle;
                i {
                    font-size: r(56);
                    color: $color;
                    vertical-align: middle;
                }
            }
            span:nth-of-type(2) {
                font-size: r(24);
                line-height: r(56);
                i {
                    font-size: r(25);
                    color: $color;
                }
            }
        }
        .youhui-box {
            padding: r(16) r(78) r(36);
            .youhui {
                width: r(241);
                height: r(94);
                font-size: 0;
                img {
                    height: 100%;
                }
                &:nth-of-type(1),
                &:nth-of-type(2) {
                    margin-bottom: r(30);
                }
            }
        }
        .maybe {
            height: r(164);
            padding: 0 r(21);
            margin-top: r(34);
            .img-box {
                width: r(211);
                height: r(164);
            }
            .l-content {
                height: 100%;
                margin-left: r(21);
                p {
                    margin-bottom: r(21);
                }
                p:nth-of-type(1) {
                    font-size: r(30);
                    color: black;
                }
                p:nth-of-type(2) {
                    font-size: r(22);
                    color: #494949;
                }
                p:nth-of-type(3) {
                    font-size: r(32);
                    color: $color;
                }
            }
            .r-content {
                height: 100%;
                padding-top: r(10);
                p {
                    font-size: r(22);
                    color: #494949;
                    text-align: right;
                    &:nth-of-type(2) {
                        font-size: r(22);
                        color: #494949;
                        margin-top: r(70);
                    }
                }
            }
        }
    }
}

.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    .pi {
        width: 64px;
        height: 64px;
        background: url(../img/35.gif);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
}

.fp-controlArrow {
    display: none;
}